@import "variable.less";

body, html {
  line-height: 1;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: @color-background;
  color: @color-text;
}

.spaceBetween {
  display: flex;
  justify-content: center;
  justify-content: space-between!important;
}
.columnCenter{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pointer{
    cursor: pointer;
}
.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.line-ellipsis{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.not-allowed{
    cursor: not-allowed;
}

.slide-enter-active,
.slide-leave-active {
    transition: all .2s;
}
.slide-enter,
.slide-leave-to {
    transform: translate3d(30%, 0, 0);
    opacity: 0;
}

.pageAbsolute {
    position: absolute;
    top: 0;
    left:0;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}